<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>链式编程</title>
    <script src="../jquery.min.js"></script>
</head>
<body>
<button>点击</button>
<button>点击</button>
<button>点击</button>
<button>点击</button>
<button>点击</button>
<button>点击</button>
<script>
  $(function () {
    //隐式迭代 给全部的按钮绑定事件
    $('button').click(function () {
      // //让自己的背景颜色变成粉色
      // $(this).css('backgroundColor','pink');
      // //让兄弟们的颜色变没
      // $(this).siblings().css('backgroundColor','');
      //上述的变化只用一行代码就可以解决
      $(this).css('color','red').siblings().css('color','');//链式编程的思想
    })
  })
</script>
</body>
</html>